<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <title>其卡通</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="js/movie.js"></script>
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link href="css/movie.css" rel="stylesheet" type="text/css">
    <script src="js/public.js"></script>
</head>
<body>
    <div id="header">
        <div class="main-wrapper">
            <div class="header">
                <nav class="navbar navbar-default " style="width: 1920px;">
                    <div class="container-fluid">
                        <!-- 小屏幕适应 -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="index-main.html"><img src="img/logo.png" alt="其卡通"></a>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav pull-right header-ul">
                                <li><a class="us" href="us.html" id="txUs"> 我们 </a></li>
                                <li><a class="production active" href="index-main.html#movie12" id="txProduction">作品</a></li>
                                <li><a class="highlights " href="index-main.html#light" id="txHightlight">亮点</a></li>
                                <li><a class="recruit" href="qiuxian.html" id="txrecruit">求贤</a></li>
                                <li><a class="cooperation " href="cooperation.html" id="txCoop">合作</a></li>
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.container-fluid -->
                </nav>
            </div>

        </div>
    </div>
    <div id="main">
        <div id="ashPile">
            <div id="basicInfo" >
                <div id="float1">
                    <div id="pt1Father">
                        <img id="pt1" src="img/moive1.jpg">
                    </div>
                    <span id="bf1"></span>
                    <!--写个button或者图片的div点击函数-->
                </div>
                <div id="float2">
                    <span id="Info"><img src="img/con1.png"> 基本信息</span><br/>
                    <div id="other">
                        <p><span class="threeWords">中文名</span>：<span id="movieName"></span></p>
                        <p><span class="fourWords">上映时间</span>：<span id="movieShowTime"></span></p>
                        <p><span class="towWords">片长</span>：<span id="movieLong"></span></p>
                        <p><span class="towWords">编剧</span>：<span id="movieWriters"></span></p>
                        <p><span class="towWords">类型</span>：<span id="movieClass"></span></p>
                        <p><span class="threeWords">制片人</span>：<span id="movieProducer"></span></p>
                        <p><span id="heightInline">出品公司：</span><span id="duanhang"></span></p>
                    </div>
                </div>
                <div id="juQing">
                    <span id="Info1"><img  src="img/con1.png"> 剧情介绍</span>
                    <div id="words">
                   </div>
                </div>
            </div>
            <div id="movies">
                <div id="movie">
                    <span id="btn1"><a><img src="img/moiveBtn1.png"></a></span>

                    <div class="qwe1">
                        <!--写个button或者图片的div点击函数-->
                   </div>
                    <span id="left1" ><img src="img/left.png"/></span>
                    <span id="right1" ><img src="img/right.png"/></span>
                </div>
                <div id="photo">
                    <span id="btn2"><a><img src="img/moiveBtn2.png"></a></span>
                    <div class="qwe">
                        <!--<div class="tab_img">
                            <img class="tup" src="img/waring.jpg">
                        </div>
                        <div class="tab_img">
                            <img class="tup" src="img/waring.jpg">
                        </div>
                        <div class="tab_img">
                            <img class="tup" src="img/waring.jpg">
                        </div>
                        <div class="tab_img">
                            <img class="tup" src="img/waring.jpg">
                        </div>
                        <div class="tab_img">
                            <img class="tup" src="img/waring.jpg">
                        </div>-->
                    </div>
                    <span id="left" ><img src="img/left.png"/></span>
                    <span id="right" ><img src="img/right.png"/></span>

                </div>
                <!--<div class="tab_bg">
                    <div class="close">X</div>
                </div>-->

                <div class="photo-mask"></div>
                <div class="photo-panel">
                    <div class="photo-div">
                        <div class="photo-left">
                            <div class="arrow-prv"></div>
                        </div>
                        <div class="photo-img">
                            <div class="photo-bar">
                                <div class="photo-close">x</div>
                            </div>
                            <div class="photo-view-h">
                                <img src="" />
                            </div>
                        </div>
                        <div class="photo-right">
                            <div class="arrow-next"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div id="foot" style="width: 1920px;">
        <footer>
            <div class="footer-left">
                <div class="footer-img">
                    <ul>
                        <li><img src="./img/weixin.png" alt=""><a>itscartoon_2002</a></li>
                        <li><img src="./img/email.png" alt="" ><a>here@itscartoon.com</a></li>
                        <li><img src="./img/weibo.png" alt=""><a href="http://weibo.com/u/1781297385?topnav=1&wvr=6&topsug=1">http://weibo.com/u/1781297385?topnav=1&wvr=6&topsug=1</a></li>
                        <li><img src="./img/logo-bottom.png" alt=""></li>
                    </ul>
                </div>

            </div>
            <div class="footer-right">
                <div class="footer-right-son" >
                    <span>京ICP备字-01092817</span>
                    <img src="img/logo-bottom-right.png" alt=""><br>
                    <span>©<a href="#"> ITSCARTOON</a>· Animation.All rights reserved</span>
                </div>
            </div>
        </footer>
    </div>


    <div id="mengban">
        <div id="bofangqi">
            <!--<video id="my_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls="controls" preload="auto" width="900" height="500" data-setup="{}">-->
            <!--</video>-->
            <div class="movie_close">x</div>
            <div id="bofangshiping">

            </div>

      </div>
    </div>

</body>
</html>

